<div class="panel" ng-controller="nuevoTipoPlan">
    <div class="panel-body">
        <label>Plan TCPRO</label>
        <div class="form-group form-horizontal">
            <input class="form-control" placeholder="" ng-model="nombre">
        </div>
         <div class="form-group form-horizontal">
        <label>Costo</label>
            <input class="form-control" placeholder="" ng-model="costo">
        </div>
        <div class="form-group form-horizontal">
        <label>Descripción</label>
            <textarea class="form-control" style="height:100px;" ng-model="descripcion"></textarea>
        </div>
        <div class="form-group form-horizontal">
            <a href="" ng-click=nuevoPlan()><span class="glyphicon glyphicon-plus"></span></a>
        </div>
        <div class="form-group form-horizontal">
            <table class="table table-striped table-responsive">
                <thead>
                    <tr>
                        <th><div class="th">
                            Plan
                        </div></th>                   
                        <th><div class="th">
                            Costo
                        </div></th>                   
                        <th><div class="th">
                            Descripción
                        </div></th>                   
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="plan in planes">
                        <td>{{plan.nombre}}</td>
                        <td>{{plan.costo}}</td>
                        <td>{{plan.descripcion}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>    
</div>